<script setup>
import {onLoad} from "@dcloudio/uni-app";
import {reactive} from "vue";
let ware = reactive({item:{}})
onLoad((option)=>{
  ware.item = JSON.parse(option.ware)
})
const baseUrl = "http://118.178.254.102:1251";
</script>

<template>
  <scroll-view scrool-y="true">
    <view class="item-info">
      <view class="container-box">
        <view class="main-box">
          <view class="main">
            <view class="img-box">
              <img class="main-img" :src="baseUrl+ware.item.img" alt=""/>
            </view>
            <view class="item-info-box">
              <view class="item-info">
                <p class="item-name">商品名称：{{ ware.item.name }}</p>
                <p class="item-type" >商品类型：{{ ware.item.type }}</p>
                <p class="item-weight">商品重量：{{ ware.item.weight }}</p>
                <p class="item-material">商品原料：{{ ware.item.material }}</p>
                <p class="item-sale">已售：{{ ware.item.sales }}</p>
                <p class="item-price">价格：{{ ware.item.price }}</p>
                <p class="item-introduce">商品介绍：{{ ware.item.introduce }}</p>
              </view>
            </view>
          </view>
        </view>
      </view>
    </view>
  </scroll-view>
</template>

<style scoped src="../../css/item-info.css">

</style>